body {
	display: flex;
}
body .bodyleft {
	position: relative;
	width: 60%;
	height: 100vh;
	/* background: url(../imgs/login-bg.png) no-repeat; */
	/* background-size: 100% 100vh; */
	background-color: #1ca8ef;
}
body .bodyleft img {
	position: absolute;
	bottom: 0;
	left: 0;
}

/* 右边登录框部分 */
body .bodyright {
	position: relative;
	width: 40%;
	height: 100vh;
	/* background-color: #efefef; */
}
/* .mask { */
/* display: none; */
/* position: fixed;
	left: 0;
	top: 0;
	z-index: 70;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 30%); */
/* } */
/* 登录框 */
.masklog {
	position: absolute;
	left: 313px;
	bottom: -230px;
	transform: translate(-50%, -50%);
	height: 550px;
	width: 400px;
	background-color: #fff;
	padding: 0 20px;
	box-sizing: border-box;
}
.masklog .log {
	display: flex;
	justify-content: center;
	margin: 26px 0;
}
.masksome {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.masksome a {
	position: relative;
	display: block;
	height: 40px;
	width: 160px;
	text-align: center;
	color: black;
	/* margin-bottom: 26px; */
}
.masksome a.active {
	color: #00bdff;
}
.masksome a.active::after {
	position: absolute;
	bottom: 10px;
	left: 55px;
	/* left: 165px; */
	content: "";
	display: block;
	background-color: #00bdff;
	height: 3px;
	width: 30%;
}
.masksome a:nth-child(2)::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	display: block;
	width: 2px;
	height: 20px;
	background-color: #efefef;
}
.masklog form {
	display: none;
}
/* .masklog .formbox1 {
	display: none;
} */
.masklog .formbox1 p {
	margin-top: 26px;
}
.masklog .formbox1 input {
	box-sizing: border-box;
	width: 320px;
	margin-top: -40px;
}
.masklog .form2 input {
	outline: none;
	border-right: none;
	border-left: none;
	border-top: none;
	padding-left: 25px;
	border-bottom: 1px solid #aeabab;
}
.masklog .form1 input {
	outline: none;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom: 1px solid #aeabab;
	padding-left: 25px;
}
.masklog .form1 i {
	position: relative;
	left: 25px;
	display: inline-block;
	height: 27px;
	width: 20px;
	background-image: url(../imgs/loginIcon.png);
	background-position: -57px 1px;
}
.masklog .form2 i {
	position: relative;
	left: 25px;
	display: inline-block;
	height: 27px;
	width: 20px;
	background-image: url(../imgs/loginIcon.png);
	background-position: -110px 1px;
}
.forget {
	height: 50px;
	width: 325px;
	text-align: right;
	color: #00bdff;
}
.masksubmit {
	padding: 0 20px;
	box-sizing: border-box;
}
.masksubmit input {
	width: 340px;
	height: 45px;
	background-color: #00bdff;
	border: none;
	color: #fff;
	font-weight: 14px;
}
.masklog .word {
	padding-right: 20px;
	height: 50px;
	text-align: right;
}
.masklog .word a {
	color: #00bdff;
}
.masklog .formbox1 .word i {
	position: relative;
	left: 0px;
	display: inline-block;
	height: 27px;
	width: 20px;
	background-image: url(../imgs/loginIcon.png);
	background-position: -220px -25px;
}
/* 登录框第二页:扫码登录 */
.formbox2 {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/* .formbox2 {
	margin: 0 auto;
} */
.codebox {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	width: 300px;
	height: 250px;
	border: 1px solid #efefef;
	margin-top: 20px;
	margin-bottom: 10px;
	box-sizing: border-box;
	background-color: #fcfcfc;
}
.codebox > img {
	height: 105px;
	width: 105px;
}
.codebox > p {
	margin: 10px 0;
}
.formbox2 .word1 {
	align-self: flex-start;
	text-indent: 32px;
	height: 50px;
	text-align: left;
}
.formbox2 .word1 a {
	color: #00bdff;
}
.masklog .formbox2 .word1 i {
	position: relative;
	left: 0px;
	display: inline-block;
	height: 27px;
	width: 20px;
	background-image: url(../imgs/loginIcon.png);
	background-position: -220px -25px;
}
